<%@ include file="../common/IncludeTop.jsp"%>

<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- 2. jQuery导入，建议使用1.9以上的版本 -->
<script src="js/jquery-2.1.0.min.js"></script>
<!-- 3. 导入bootstrap的js文件 -->
<script src="js/bootstrap.min.js"></script>

<script>
	$(window).ready(function(){
		if (${not empty login_msg}){
			alert("${login_msg}");
		}
		if (${not empty regist_ok}){
			alert("${regist_ok}");
		}

	})
</script>

<div id="Catalog">
	<form method="post" action="signOn" >
	<p>Please enter your username and password.</p>
		<div class="alert alert-warning alert-dismissible" role="alert">
		</div>
		<table>
			<tr>
				<td>Username:</td>
				<td><input type="text" name="username"  id="user"/></td>

			</tr>
			<tr>
				<td>Password:</td>
				<td><input type="password" name="password"  id="password" /></td>
			</tr>
			<tr>
				<td>CheckCode:</td>
				<td><input type="text" name="verifycode"  id="verifycode" /></td>
			</tr>
			<tr>
				<td></td>
				<td>
					<a href="javascript:refreshCode()">
						<img src="${pageContext.request.contextPath}/checkcodeservlet" title="看不清点击刷新" id="vcode"/>
					</a>
				</td>
			</tr>
		</table>
		<button class="button" type="submit" name="signon">Login</button>
	</form>
		Need a user name and password?
	<a href="regist">Register Now!</a>
</div>

<%@ include file="../common/IncludeBottom.jsp"%>

